import { RouteLocationNormalized, createRouter, createWebHashHistory, createWebHistory } from 'vue-router';
import { useUserStore } from '@/stores/modules/user';
import { useAuthStore } from '@/stores/modules/auth';
import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config';
import { initDynamicRouter } from '@/routers/modules/dynamicRouter';
import { staticRouter, errorRouter } from '@/routers/modules/staticRouter';
import NProgress from '@/config/nprogress';
const mode = import.meta.env.VITE_ROUTER_MODE;

const routerMode = {
  hash: () => createWebHashHistory(),
  history: () => createWebHistory()
};

/**
 * @description 📚 路由参数配置简介
 * @param path ==> 路由菜单访问路径
 * @param name ==> 路由 name (对应页面组件 name, 可用作 KeepAlive 缓存标识 && 按钮权限筛选)
 * @param redirect ==> 路由重定向地址
 * @param component ==> 视图文件路径
 * @param meta ==> 路由菜单元信息
 * @param meta.icon ==> 菜单和面包屑对应的图标
 * @param meta.title ==> 路由标题 (用作 document.title || 菜单的名称)
 * @param meta.activeMenu ==> 当前路由为详情页时，需要高亮的菜单
 * @param meta.isLink ==> 路由外链时填写的访问地址
 * @param meta.isHide ==> 是否在菜单中隐藏 (通常列表详情页需要隐藏)
 * @param meta.isFull ==> 菜单是否全屏 (示例：数据大屏页面)
 * @param meta.isAffix ==> 菜单是否固定在标签页中 (首页通常是固定项)
 * @param meta.isKeepAlive ==> 当前路由是否缓存
 * */
const router = createRouter({
  history: routerMode[mode](),
  routes: [...staticRouter, ...errorRouter],
  strict: false,
  scrollBehavior: () => ({ left: 0, top: 0 })
});

/**
 * @description 路由拦截 beforeEach
 * */
router.beforeEach(async (to, from, next) => {
  const userStore = useUserStore();
  const authStore = useAuthStore();

  if (isMobile()) document.body.classList.add('h5-body');

  // 1.NProgress 开始
  NProgress.start();

  // 2.动态设置标题
  const title = import.meta.env.VITE_GLOB_APP_TITLE;

  const metaTitle = (to.meta.title as string) || '';

  document.title = to.meta.title ? transitionLanguages('navigation', metaTitle) + ` - ${title}` : title;
  // 3.判断访问页面是否在路由白名单地址(静态路由)中，如果存在直接放行
  if (ROUTER_WHITE_LIST.includes(to.path)) return next();
  // 4.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由到登陆页
  if (to.path.toLocaleLowerCase() === LOGIN_URL) {
    const redirect: any = to?.query?.redirect;
    if (userStore.token) {
      if (redirect) {
        // 验证token是否过期
        const isToken = await verifyToken();
        // token没有过期直接跳转重定向页面
        if (!isToken) {
          return next({ path: redirect });
        }
        userStore.setToken('');
        // 过期放行跳转login页面
        return next();
      }
      // 去到首页
      return next(from.fullPath);
    }
    resetRouter();
    return next();
  } else {
    // // 验证是否有更新版本
    // const flag = await versionValidate(to);
    // if (flag === 3) {
    //   const toPath = localGet('toPath');
    //   localRemove('toPath');
    //   if (toPath) return next(toPath);
    // }
  }

  // // 5.判断是否有 Token，没有重定向到 login 页面
  // if (!userStore.token) return next({ path: LOGIN_URL, replace: true });

  // 6.如果没有菜单列表，就重新请求菜单列表并添加动态路由
  if (!authStore.authMenuListGet.length) {
    await initDynamicRouter();
    return next({ ...to, replace: true });
  }

  // 7.存储 routerName 做按钮权限筛选
  authStore.setRouteName(to.name as string);

  // 8.正常访问页面
  next();
});

/**
 * @description 重置路由
 * */
export const resetRouter = () => {
  const authStore = useAuthStore();
  authStore.flatMenuListGet.forEach(route => {
    const { name } = route;
    if (name && router.hasRoute(name)) router.removeRoute(name);
  });
};

/**
 * @description 路由跳转错误
 * */
router.onError(error => {
  NProgress.done();
  console.warn('路由错误', error.message);
});

/**
 * @description 路由跳转结束
 * */
router.afterEach(() => {
  NProgress.done();
});
/**
 * @description: 版本验证
 * @return {1:第一次进入,2:刷新页面,3:后续进入}
 */
const versionValidate = async (to: RouteLocationNormalized) => {
  const vCode = localGet('versionCode') || '';
  const data: any = await versionSearch();
  // 没有缓存不做处理
  if (!vCode) {
    // 第一次进入记录设置版本号
    localSet('versionCode', data.version);
    return 1;
  } else {
    // 有缓存 有发布新版本 刷新页面
    if (vCode !== data.version) {
      localSet('toPath', to.fullPath);
      localSet('versionCode', data.version);
      window.location.reload();
      return 2;
    }
    return 3;
  }
};

export default router;
